/* CSS file */

.global{
	background-color : #FFFFFF;	
}

Application{
	theme-color : #95E4FF;
	modal-transparency : 0;
	modal-transparency-blur : 0;
	modal-transparency-color : #666666;
	modal-transparency-duration : 0;
	padding-left : 0;
	padding-top : 5;
	padding-right : 0;
	padding-bottom : 5;	
	color : #000000;
	font-size : 12;
	border-style : none;
	border-thickness : 0;
	background-alpha : 0;
	/* background-color : #ffffff;
	backgroundGradientColors: #c0deed, #66ccee;	*/ 
	borderSkin :Embed(source="style/blank.png",
		scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12"); 
}

WindowedApplication{
	titleTextStyleName : "windowTextStyle";
}

.windowTextStyle{
	fontSize : 12;
}


HBox,VBox{
	horizontal-gap : 2;
	vertical-gap : 2;
}

SearchBar{
	border-style : solid;
	background-color : #FFFFFF;
	background-alpha : 0.9;
	corner-radius : 5;	
	padding-left : 5;
	padding-top : 5;
	padding-right : 5;
	padding-bottom : 5;		
}

.lrcBg{
	borderSkin: Embed(source="style/main/lrc_bg.png",
		scaleGridLeft=10,scaleGridTop=10,
		scaleGridRight=110, scaleGridBottom=94);
}


ToolTip{
	font-size : 12;	
	backgroundColor : #2fafce;
	background-alpha : 0.8;
	corner-radius : 0;
	borderSkin: Embed(source="style/tip_bg.png",
		scaleGridLeft=5,scaleGridTop=5,scaleGridRight=28, scaleGridBottom=8);
	
}

/*
	自定义样式
*/

.snaildesign{
	borderSkin: Embed(source="style/main/snaildesign.png");
}

.loginPanel{
	border-style : solid;
	corner-radius : 5;
	background-color : #FFFFFF;
	background-alpha : 0.9;	
	drop-shadow-color : true;
}

.padding0{
	padding-left : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;	
}

.padding5{
	padding-left : 5;
	padding-top : 5;
	padding-right : 5;
	padding-bottom : 5;	
}

.padding10,loginPanel{
	padding-left : 10;
	padding-top : 10;
	padding-right : 10;
	padding-bottom : 10;	
}

.paddingLR10{
	padding-left : 10;
	padding-right : 10;
}

.paddingTB10{
	padding-top : 10;
	padding-bottom : 10;
}

.headsetLogo{
	borderSkin :	Embed(source="style/main/logo.png");
}

.panelBack,Alert,TitleWindow{
	padding-top : 0;
	borderSkin: Embed(source="style/main/main_bg.png",
		scaleGridLeft=20,scaleGridTop=130,
		scaleGridRight=190, scaleGridBottom=200);
}

Slider{
	thumbUpSkin: Embed(source="style/Slider/thumb_up.png");
	thumbOverSkin: Embed(source="style/Slider/thumb_over.png");
	thumbDownSkin: Embed(source="style/Slider/thumb_down.png"); 
}

.email{
	color : #0000FF;
	text-roll-over-color : #0000FF;
	upSkin :Embed(source="style/Button/email.png");
	overSkin :Embed(source="style/Button/email.png");
	downSkin :Embed(source="style/Button/email.png");	
}

.twitter{
	color : #1895c1;
	text-roll-over-color : #1895c1;
	icon: Embed(source="style/Button/twitter.png");
	upSkin :Embed(source="style/blank.png",
		scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12"); 
	overSkin :Embed(source="style/blank.png",
		scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12"); 
	downSkin :Embed(source="style/blank.png",
		scaleGridLeft="4",scaleGridTop="4",scaleGridRight="12",scaleGridBottom="12"); 
}


.sinaweibo{
	upSkin :Embed(source="style/Button/weibo_logo.png");
	overSkin :Embed(source="style/Button/weibo_logo.png");
	downSkin :Embed(source="style/Button/weibo_logo.png");
}

Button{
	upSkin: Embed(source="style/Button/button_up.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=54, scaleGridBottom=20);
	overSkin: Embed(source="style/Button/button_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=54, scaleGridBottom=20);
	downSkin: Embed(source="style/Button/button_up.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=54, scaleGridBottom=20);

	selectedUpSkin: Embed(source="style/Button/button_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=54, scaleGridBottom=20);
	selectedOverSkin: Embed(source="style/Button/button_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=54, scaleGridBottom=20);
	selectedDownSkin: Embed(source="style/Button/button_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=54, scaleGridBottom=20);
}

.redButton{
	text-selected-color : #FFFFFF;
	text-roll-over-color : #FFFFFF;
	color : #FFFFFF;
	upSkin: Embed(source="style/Button/red_up.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=60, scaleGridBottom=20);
	overSkin: Embed(source="style/Button/red_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=60, scaleGridBottom=20);
	downSkin: Embed(source="style/Button/red_up.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=60, scaleGridBottom=20);

	selectedUpSkin: Embed(source="style/Button/red_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=60, scaleGridBottom=20);
	selectedOverSkin: Embed(source="style/Button/red_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=60, scaleGridBottom=20);
	selectedDownSkin: Embed(source="style/Button/red_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=60, scaleGridBottom=20);
}

.fullscreen{
	icon: Embed(source="style/fullscreen_up.png");
}

ScrollBar {
    /*下面箭头的样式*/
	downArrowUpSkin : Embed(source="style/ScrollBar/bottom_arrow.png");
    downArrowOverSkin : Embed(source="style/ScrollBar/bottom_arrow.png");
    downArrowDownSkin : Embed(source="style/ScrollBar/bottom_arrow.png");
 
 
	/*上面箭头的样式*/
	upArrowUpSkin : Embed(source="style/ScrollBar/top_arrow.png");
	upArrowOverSkin : Embed(source="style/ScrollBar/top_arrow.png");
	upArrowDownSkin : Embed(source="style/ScrollBar/top_arrow.png");
	 
	 
	/*中间条的样式*/
	thumbDownSkin : Embed(source="style/ScrollBar/bar_down.png",
	scaleGridLeft="4", scaleGridTop="6",
	scaleGridRight="9", scaleGridBottom="31");
	 
	thumbUpSkin : Embed(source="style/ScrollBar/bar.png",
	scaleGridLeft="4", scaleGridTop="3",
	scaleGridRight="9", scaleGridBottom="31");
	 
	thumbOverSkin : Embed(source="style/ScrollBar/bar.png",
	scaleGridLeft="4", scaleGridTop="3",
	scaleGridRight="9", scaleGridBottom="31");
	 
	 
	/*中间的样式*/
	trackSkin : Embed(source="style/ScrollBar/line.png",
	scaleGridLeft="2", scaleGridTop="2",
	scaleGridRight="3", scaleGridBottom="3");
 
}

.listItem{
	borderSkin: Embed(source="style/List/row_bg.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=90, scaleGridBottom=20);
}

.extendedDividerBoxButtonH{
	buttonWidth:			30;
	barBorderColor:			#adcbed;
	barFillColors: 			#d5e7fb,#d5e7fb;
	dividerThickness: 		10;
	dividerSkin:			Embed(source="style/DividedBox/NavGrip.png");
	downSkin:				Embed(source="style/DividedBox/H_Slider_Button_1.png");
	overSkin:				Embed(source="style/DividedBox/H_Slider_Button_2.png");
	upSkin:					Embed(source="style/DividedBox/H_Slider_Button_2.png");
	selectedDownSkin:		Embed(source="style/DividedBox/H_Slider_Button_1.png");
	selectedOverSkin:		Embed(source="style/DividedBox/H_Slider_Button_2.png");
	selectedUpSkin:			Embed(source="style/DividedBox/H_Slider_Button_2.png");
	cornerRadius:			0;
}

.extendedDividerBoxButtonV{
	buttonWidth:			30;
	barBorderColor:			#F3F3F3;
	barFillColors: 			#F3F3F3,#F3F3F3;
	dividerThickness: 		10;
	dividerSkin:			Embed(source="style/DividedBox/NavGrip.png"); 
	downSkin:				Embed(source="style/DividedBox/V_Slider_Button_1.png");
	overSkin:				Embed(source="style/DividedBox/V_Slider_Button_2.png");
	upSkin:					Embed(source="style/DividedBox/V_Slider_Button_2.png");
	selectedDownSkin:		Embed(source="style/DividedBox/V_Slider_Button_1.png");
	selectedOverSkin:		Embed(source="style/DividedBox/V_Slider_Button_2.png");
	selectedUpSkin:			Embed(source="style/DividedBox/V_Slider_Button_2.png");
	cornerRadius:			0;
}

.searchTextInput {
	focus-alpha : 0;
	borderSkin: Embed(source="style/TextInput/open_text_input.png",
		scaleGridTop=4, scaleGridBottom=20, scaleGridLeft=4, scaleGridRight=196);
	backgroundSize:"100%";
	cornerRadius:0;
	border-style:none;
	color:#333333;
}

.browse{
	color : #666666;
	fontWeight : "normal";
	upSkin: Embed(source="style/Button/browse_up.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=40, scaleGridBottom=20);
	overSkin: Embed(source="style/Button/browse_over.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=40, scaleGridBottom=20);
	downSkin: Embed(source="style/Button/browse_up.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=40, scaleGridBottom=20);
}
.trackBg{
	 trackSkin : Embed(source="assets/track_bg.png",
		scaleGridTop=1, scaleGridBottom=3, 
		scaleGridLeft=10, scaleGridRight=40); 
}

.banner{
	paddingLeft : 15;
	paddingRight : 20;
	borderSkin: Embed(source="style/main/banner.png",
		 scaleGridLeft=4, scaleGridTop=4,scaleGridRight=12, scaleGridBottom=52);
}

.controlButtonBg{
	paddingLeft   : 2;
	paddingRight  : 4;
	paddingTop    : 2;
	borderSkin: Embed(source="style/main/control_bg.png",
		 scaleGridLeft=10, scaleGridTop=5,scaleGridRight=90, scaleGridBottom=30);
}

.play{
	upIcon : 	Embed(source="style/Button/play_up.png");
	downIcon : 	Embed(source="style/Button/play_up.png");
	overIcon : 	Embed(source="style/Button/play_over.png");
	disabledIcon : 	Embed(source="style/Button/play_disabled.png");
}

.pause{
	upIcon : 	Embed(source="style/Button/pause_up.png");
	downIcon : 	Embed(source="style/Button/pause_up.png");
	overIcon : 	Embed(source="style/Button/pause_over.png");
}

.stop{
	upIcon : 	Embed(source="style/Button/stop_up.png");
	downIcon : 	Embed(source="style/Button/stop_up.png");
	overIcon : 	Embed(source="style/Button/stop_over.png");
	disabledIcon : 	Embed(source="style/Button/stop_disabled.png");		
}

.timeStamp{
	paddingLeft : 0;
	paddingRight : 0;
	color : #333333;
	fontWeight : "nomal";
	upSkin: Embed(source="style/Button/timstamp_bg.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=62, scaleGridBottom=20);
	overSkin: Embed(source="style/Button/timstamp_bg.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=62, scaleGridBottom=20);
	downSkin: Embed(source="style/Button/timstamp_bg.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=62, scaleGridBottom=20);
}

.editLrc{
	upSkin: Embed(source="style/Button/edit_lrc_up.png");
	overSkin: Embed(source="style/Button/edit_lrc_over.png");
	downSkin: Embed(source="style/Button/edit_lrc_up.png");
	disabledSkin: Embed(source="style/Button/edit_lrc_disabled.png");		
}

.okButton{
	upSkin: Embed(source="style/Button/ok_up.png");
	overSkin: Embed(source="style/Button/ok_over.png");
	downSkin: Embed(source="style/Button/ok_up.png");
	disabledSkin: Embed(source="style/Button/ok_disabled.png");		
}

.addInfo{
	upSkin: Embed(source="style/Button/add_info_up.png");
	overSkin: Embed(source="style/Button/add_info_over.png");
	downSkin: Embed(source="style/Button/add_info_up.png");
	disabledSkin: Embed(source="style/Button/add_info_disabled.png");
}

.redo{
	upSkin: Embed(source="style/Button/redo_up.png");
	overSkin: Embed(source="style/Button/redo_over.png");
	downSkin: Embed(source="style/Button/redo_up.png");
	disabledSkin: Embed(source="style/Button/redo_disabled.png");			
}

.minimizeButton{
	paddingLeft : 0;
	paddingRight : 0;
	upSkin: Embed(source="style/Button/minimize_up.png");
	overSkin: Embed(source="style/Button/minimize_over.png");
	downSkin: Embed(source="style/Button/minimize_up.png");
}

.maximizeButton{
	paddingLeft : 0;
	paddingRight : 0;
	upSkin: Embed(source="style/Button/maximize_up.png");
	overSkin: Embed(source="style/Button/maximize_over.png");
	downSkin: Embed(source="style/Button/maximize_up.png");
}

.closeButton{
	paddingLeft : 0;
	paddingRight : 0;
	upSkin: Embed(source="style/Button/close_up.png");
	overSkin: Embed(source="style/Button/close_over.png");
	downSkin: Embed(source="style/Button/close_up.png");
}

.aboutButton{
	paddingLeft : 0;
	paddingRight : 0;
	upSkin: Embed(source="style/Button/about_lrc.png");
	overSkin: Embed(source="style/Button/about_lrc.png");
	downSkin: Embed(source="style/Button/about_lrc.png");
}

.helpButton{
	paddingLeft : 0;
	paddingRight : 0;
	upSkin: Embed(source="style/Button/lrc_help.png");
	overSkin: Embed(source="style/Button/lrc_help.png");
	downSkin: Embed(source="style/Button/lrc_help.png");
}

.aboutThis{
	borderSkin :	Embed(source="style/main/about_this.png");
}

.updateHistory{
	borderSkin :	Embed(source="style/main/update_history.png");
}

.fadeToolTip{
	background-alpha : 1;
	border-color : #000000;
	horizontal-align : center;
	vertical-align : middle;
	background-color : #333333;
	horizontalScrollPolicy : "off";
	verticalScrollPolicy : "off";
	paddingLeft : 10;
	paddingRight : 10;		
	borderSkin: Embed(source="style/main/fade_tooltip_bg.png",
		scaleGridLeft=10,scaleGridTop=5,
		scaleGridRight=120, scaleGridBottom=30);
}

.lrcMaker16{
	icon: Embed(source="style/main/lrc_maker_16.png");
}

.help{
	borderSkin: Embed(source="style/help.png");
}